<!--
 * @company : 版权所属 四川北星惯牌科技有限公司
 * @contact : 刘经理 19326416371
 -->
<template>
	<view class="clerk-item flex-row-center" >
		<view class="clerk-item-left flex-row-center">
			<!-- <image src="../../static/logo.png" class="ava" mode="aspectFill"></image> -->
			<text class="name">骂人炸房的话的结</text>
		</view>
		<view class="clerk-item-right flex-row-center">
			<image src="../../static/user/edit_icon.png" @click="toEditclerk(num)" class="edit-icon" mode=""></image>
			<up-icon name="trash" color="#5E6062" @click="delClerk()" size="48rpx"></up-icon>
		</view>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue';
	const status = ref('loading');
	const toEditclerk = (id) => { //编辑店员
		uni.navigateTo({
			url: '/page_user/views/clerkEdit?id=' + id
		})
	}
	const delClerk = (id) => { //删除店员
		uni.showModal({
			title: '提示',
			content: '确定删除店员？',
			success: function(res) {
				if (res.confirm) {
					console.log('用户点击确定');
				} else if (res.cancel) {
					console.log('用户点击取消');
				}
			}
		});

	}
	const confirmDel = () => { //确认删除店员
		delShow.value = false;
	}
</script>

<style lang="scss" scoped>
	.clerk-item {
		justify-content: space-between;
	}
	.ava {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}
	.name {
		font-weight: bold;
		font-size: 28rpx;
		margin-left: 16rpx;
		color: rgba(255, 255, 255, 0.87);
	}
	.clerk-item-right {
		.edit-icon {
			width: 38rpx;
			height: 38rpx;
			margin-right: 44rpx;
		}
	}
	.add-clerk {
		position: fixed;
		bottom: 136rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 398rpx;
		height: 84rpx;
		box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(108, 199, 190, 0.38);
		border-radius: 42rpx;
		border: 2rpx solid #67AD90;
		background-color: #191C1F;

		.text {
			font-weight: 800;
			font-size: 30rpx;
			color: #71BDA4;
			margin-left: 16rpx;
		}
	}
</style>